<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="杨宁争">
    <title></title>
    <link rel="stylesheet" type="" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">

</head>

<body>
    <div class="dabeijing">
        <span> <img src="./img/beijing.jpg" alt=""></span>

        <div class="nav">
            <div class="container">
                <div class="nav-list">
                    <span class="sep">|</span>
                    <a href="">小米商城</a>
                    <span class="sep">|</span>
                    <a href="">MIUI</a>
                    <span class="sep">|</span>
                    <a href="">米聊</a>
                    <span class="sep">|</span>
                    <a href="">游戏</a>
                    <span class="sep">|</span>
                    <a href="">多看阅读</a>
                    <span class="sep">|</span>
                    <a href="">云服务</a>
                    <span class="sep">|</span>
                    <a href="">金融</a>
                    <span class="sep">|</span>
                    <a href="">小米商城手机版</a>
                    <span class="sep">|</span>
                    <a href="">问题反馈</a>
                    <span class="sep">|</span>
                    <a href="">Select Region</a>
                </div>

                <div class="gouwuche">
                    <a href="" class="cart-mini">
                <i class="iconfont"></i>
                <img class="xiaotubiao"  src="./img/gouwuche.png" alt="">
                <img class="xiaotubiao2"  src="./gouwuch.png" alt="">

                购物车
                <span class="gouwuc">(0)</span>
            </a>
                    <div class="cart-menu">
                        <div class="loading">购物车还没有商品，赶紧选购吧！
                            <div class="loader"></div>
                        </div>

                    </div>
                </div>
                <div class="list-info">
                    <a href="" class="link">登录</a>
                    <span class="sep">|</span>
                    <a href="" class="link">注册</a>
                    <span class="sep">|</span>
                    <span class="message">
                   <a href="">消息通知
                        <i class="xiaoxi"></i>
                   </a>
                  
               </span>
                </div>

            </div>
        </div>
        <nav class="white">
            <div class="center">
                <div class="mi-log">
                    <a href="#" class="mi-logimg">
                    <img src="./img/tubiao.png" alt="">
                </a>
                </div>
                <div class="mi-center">
                    <div class="mi-center1">
                        <a href="#" class="mi-text"><span class="mi-phone">小米手机</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">红米</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">平板 · 笔记本</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">电视</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">盒子 · 影音</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">路由器</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">智能硬件</span></a>
                    </div>
                    <div class="mi-center2">
                        <a href="#" class="mi-text"><span class="mi-phone">服务</span></a>
                        <a href="#" class="mi-text"><span class="mi-phone">社区</span></a>
                    </div>

                </div>
                <div class="mi-search">
                    <form action="">
                        <input type="search" id="search">
                        <div class="con"><span>电视4A 55''</span><span>小米Note 2特惠</span></div>
                        <button type="input" class="search-input"><span class="fa fa-search fa-lg" ></span></button>

                    </form>
                    <div class="search-text">
                        <a href="#" class="search-texts">小米6<span class="search-texts-1">约有7件</span></a>
                        <a href="#" class="search-texts">红米Note 4X<span class="search-texts-1">约有8件</span></a>
                        <a href="#" class="search-texts">小米MIX<span class="search-texts-1">约有1件</span></a>
                        <a href="#" class="search-texts">小米Max2<span class="search-texts-1">约有3件</span></a>
                        <a href="#" class="search-texts">小米手机5c<span class="search-texts-1">约有3件</span></a>
                        <a href="#" class="search-texts">手环<span class="search-texts-1">约有6件</span></a>
                        <a href="#" class="search-texts">耳机<span class="search-texts-1">约有19件</span></a>
                        <a href="#" class="search-texts">充电宝<span class="search-texts-1">约有17件</span></a>
                        <a href="#" class="search-texts">运动鞋<span class="search-texts-1">约有2件</span></a>
                        <a href="#" class="search-texts">路由器<span class="search-texts-1">约有17件</span></a>
                        <a href="#" class="search-texts">小米盒子<span class="search-texts-1">约有8件</span></a>
                    </div>
                </div>
            </div>
        </nav>
        <div class="white-box">
            <div class="white-center">
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/xm6-320.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米6</p>
                            <p class="new-text2" style=" color:#ff6700">2499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>现货</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/5s-12!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米5X</p>
                            <p class="new-text2" style=" color:#ff6700">1299元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/5x-2!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米Note 2</p>
                            <p class="new-text2" style=" color:#ff6700">2799元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>下单立减500</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3205a.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米MIX</p>
                            <p class="new-text2" style=" color:#ff6700">3499元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>下单立减500</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/5s-12!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米5s</p>
                            <p class="new-text2" style=" color:#ff6700">1999元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>下单立减200</span></div>
                        <div class="new-img">
                            <img src="./img/MIX-320-220!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米Max2</p>
                            <p class="new-text2" style=" color:#ff6700">1699元</p>
                        </div>

                    </li>
                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/MIX-320-220!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">红米Note 5A标准版</p>
                            <p class="new-text2" style=" color:#ff6700">699元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/32016.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">红米Note 5A高配版</p>
                            <p class="new-text2" style=" color:#ff6700">899元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/MIX-320-220!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">红米Note 4X</p>
                            <p class="new-text2" style=" color:#ff6700">999元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/MIX-320-220!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">红米4X</p>
                            <p class="new-text2" style=" color:#ff6700">699元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img">
                            <img src="./img/MIX-320-220!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">红米4</p>
                            <p class="new-text2" style=" color:#ff6700">799元起</p>
                        </div>
                    </li>


                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/mipad3_320.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米平板3 64GB</p>
                            <p class="new-text2" style=" color:#ff6700">1499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/mipad3_320.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米笔记本Air 12.5''</p>
                            <p class="new-text2" style=" color:#ff6700">3599元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img">
                            <img src="./img/mipad3_320.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米笔记本Air 13.3''</p>
                            <p class="new-text2" style=" color:#ff6700">4999元</p>
                        </div>
                    </li>

                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"><span>超薄旗舰</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/70dianshi.png " alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>超薄旗舰</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/70dianshi.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>超薄旗舰</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/70dianshi.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>热卖</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/70dianshi.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>热卖</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/70dianshi.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img">
                            <img src="./img/70dianshi.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米电视4 49英寸</p>
                            <p class="new-text2" style=" color:#ff6700">3499元</p>
                        </div>
                    </li>

                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3C.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米盒子3s</p>
                            <p class="new-text2" style=" color:#ff6700">329元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/hezi3s!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米盒子3c</p>
                            <p class="new-text2" style=" color:#ff6700">229元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/hezi3s!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米盒子3 增强版</p>
                            <p class="new-text2" style=" color:#ff6700">399元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img">
                            <img src="./img/hezi3s!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米家庭影院</p>
                            <p class="new-text2" style=" color:#ff6700">1999元</p>
                        </div>
                    </li>

                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"><span>大容量</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3C.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米路由器HD/Pro</p>
                            <p class="new-text2" style=" color:#ff6700">499元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>双千兆</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3G.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米路由器3G</p>
                            <p class="new-text2" style=" color:#ff6700">249元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>双频</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3G.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米路由器3</p>
                            <p class="new-text2" style=" color:#ff6700">149元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>包邮</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3G.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米路由器3C</p>
                            <p class="new-text2" style=" color:#ff6700">99元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>新品</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/3G.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米WiFi电力猫</p>
                            <p class="new-text2" style=" color:#ff6700">249元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img">
                            <img src="./img/3G.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米WiFi放大器2</p>
                            <p class="new-text2" style=" color:#ff6700">49元</p>
                        </div>
                    </li>
                </ul>
                <ul class="thing-box">
                    <li>
                        <div class="new-hot"><span>航拍利器</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/air2!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米无人机</p>
                            <p class="new-text2" style=" color:#ff6700">2999元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"><span>包邮</span></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/sh2-320-220.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米手环</p>
                            <p class="new-text2" style=" color:#ff6700">149元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/sh2-320-220.png" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">小米净水器</p>
                            <p class="new-text2" style=" color:#ff6700">1499元起</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/air2!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">米家扫地机器人</p>
                            <p class="new-text2" style=" color:#ff6700">1699元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img" style="border-right: 1px solid #eee">
                            <img src="./img/fdq2!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">米家压力IH电饭煲</p>
                            <p class="new-text2" style=" color:#ff6700">999元</p>
                        </div>
                    </li>
                    <li>
                        <div class="new-hot"></div>
                        <div class="new-img">
                            <img src="./img/fdq2!160x110.jpg" alt="">
                        </div>
                        <div class="new-text">
                            <p class="new-text1">查看全部</p>
                            <p class="new-text1">智能硬件</p>
                        </div>
                    </li>

                </ul>

            </div>
        </div>
        <!--轮播图  -->
        <div class="slideshow-box">
            <div class="slideshow-center">
                <div class="slideshow-text"></div>
                <div class="slideshow-img">
                    <ul class="img-list">
                        <li class="current"><a href="#"><img src="./img/xmad_15032803312913_bjfBI.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/xmad_15017577218417_OQTDq.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/xmad_15033066946637_XTHkP.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/xmad_1503313981744_rSpyE.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/xmad_15033161747848_WBfxy.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./img/xmad_15033195203606_lGoUJ.jpg" alt=""></a></li>
                    </ul>
                    <ul class="indicator">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="img-click">
                        <span class="prev"><span class="icon icon1"><strong>&lt;</strong></span></span>
                        <span class="next"><span class="icon icon2"><strong>&gt;</strong></span></span>
                    </div>


                    <!--分类导航栏-->
                    <div class="site-category">
                        <ul class="site-category-list">
                            <li>
                                <a href="javascript:;" class="title"><span>手机 电话卡</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="imG/Xxm6_80.png" alt="">
                                                    <span>小米手机5c</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/X5S-80.jpg" alt="">
                                                    <span>小米Note 2</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/Xpc-5x.png" alt="">
                                                    <span>小米MIX</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/X5S-80.jpg" alt="">
                                                    <span>小米5s</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="imG/Xxm6_80.png" alt="">
                                                    <span>小米5s Plus</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/X5S-80.jpg" alt="">
                                                    <span>小米手机5</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="imG/Xxm6_80.png" alt="">
                                                    <span>红米Note 4X</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/X5S-80.jpg" alt="">
                                                    <span>红米Note 4</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="imG/Xxm6_80.png" alt="">
                                                    <span>红米 4X</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/X5S-80.jpg" alt="">
                                                    <span>红米4</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/4G80.jpg" alt="">
                                                    <span>红米4A</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/4G80.jpg" alt="">
                                                    <span>对比手机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/Mmifenka-1.jpg" alt="">
                                                    <span>红米4A</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/Mmifenka-1.jpg" alt="">
                                                    <span>小米移动 电话卡</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>


                                </div>
                            </li>

                            <li>
                                <a href="javascript:;" class="title"><span>笔记本 平板</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="./img/00bijiben80.jpg" alt="">
                                                    <span>小米笔记本Air</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/011msbd80.jpg" alt="">
                                                    <span>小米平板2</span>
                                                </div>
                                                <div><span>选购</span></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/01mipad3_80.jpg" alt="">
                                                    <span>USB-C转接器</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/00bijiben80.jpg" alt="">
                                                    <span>小米笔记本内胆包</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/01mipad3_80.jpg" alt="">
                                                    <span>小米便捷鼠标</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>

                            <li>
                                <a href="javascript:;" class="title"><span>电视 盒子</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/020xmds_49.jpg" alt="">
                                                    <span>小米电视3s 48英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/0220xmds_55.jpg" alt="">
                                                    <span>小米电视3s 55英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222ertong1.png" alt="">
                                                    <span>小米电视3s 60英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>小米电视3s 65英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/02222huiyuan.png" alt="">
                                                    <span>小米电视3s 65英寸 曲面</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/0222653s80.png" alt="">
                                                    <span>小米电视3 60英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>小米电视3 70英寸</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/02222huiyuan.png" alt="">
                                                    <span>小米盒子3s</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>小米盒子3c</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/02222huiyuan.png" alt="">
                                                    <span>小米盒子3 增强版</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>小米盒子 mini</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>小米低音炮</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>蓝牙手柄</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>家庭音响</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/022222p80_55.jpg" alt="">
                                                    <span>电视盒子配件</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>路由器 智能硬件</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03VRPLAY2.png" alt="">
                                                    <span>米家扫地机器人及配件</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03dianhuashoubiao80.jpg" alt="">
                                                    <span>小米VP眼镜</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03phcplus80.jpg" alt="">
                                                    <span>小米路由器</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03shouhuan280.jpg" alt="">
                                                    <span>九号平衡车</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03wurenji80.jpg" alt="">
                                                    <span>电助力折叠自行车</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03xc80-80.jpg" alt="">
                                                    <span>米家恒温电水壶</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03xc80-80.jpg" alt="">
                                                    <span>米家车载空气净化器</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03zhinengdeng-80.jpg" alt="">
                                                    <span>手表</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04chongdianqi-80.jpg" alt="">
                                                    <span>米家智能电饭煲</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03xc80-80.jpg" alt="">
                                                    <span>智能摄像机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03VRPLAY2.png" alt="">
                                                    <span>净化器及滤芯</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03zhinengdeng-80.jpg" alt="">
                                                    <span>净水器及滤芯</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04chongdianqi-80.jpg" alt="">
                                                    <span>血压计</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04dianyuanfujian.jpg" alt="">
                                                    <span>米兔积木机器人</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04ianyuan280.jpg" alt="">
                                                    <span>智能灯</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04yidongdianyuan.jpg" alt="">
                                                    <span>米兔智能故事机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05-80.jpg" alt="">
                                                    <span>智能家庭组合</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05huosai1.jpg" alt="">
                                                    <span>手环及配件</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05mituyinx80.jpg" alt="">
                                                    <span>体重秤</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05naozhong80.jpg" alt="">
                                                    <span>电动滑板车</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03wurenji80.jpg" alt="">
                                                    <span>小米无人机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/03xc80-80.jpg" alt="">
                                                    <span>米家行车记录仪</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05tdsqs80.jpg" alt="">
                                                    <span>小米米家对讲机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/04yidongdianyuan.jpg" alt="">
                                                    <span>全部智能硬件</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>移动电源 电池 插线板</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06baohu.jpg" alt="">
                                                    <span>小米移动电源</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06tiemo.jpg" alt="">
                                                    <span>插线板</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06baohu.jpg" alt="">
                                                    <span>品牌移动电源</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07cunchu.jpg" alt="">
                                                    <span>移动电源附件</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06baohu.jpg" alt="">
                                                    <span>充电器</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07xiancai.jpg" alt="">
                                                    <span>彩虹5号电池</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07zhijia.jpg" alt="">
                                                    <span>彩虹7号电池</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>耳机 音箱</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05huosai1.jpg" alt="">
                                                    <span>小米头戴式耳机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05-80.jpg" alt="">
                                                    <span>头戴式耳机轻松版</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05mituyinx80.jpg" alt="">
                                                    <span>小米MIX</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05naozhong80.jpg" alt="">
                                                    <span>小米铁圈耳机 Pro</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05tdsqs80.jpg" alt="">
                                                    <span>小米胶囊耳机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05xmjzej80.jpg" alt="">
                                                    <span>小米活塞耳机清新版</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05-80.jpg" alt="">
                                                    <span>小米蓝牙耳机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05mituyinx80.jpg" alt="">
                                                    <span>小米运动蓝牙耳机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05xmjzej80.jpg" alt="">
                                                    <span>品牌耳机</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05huosai1.jpg" alt="">
                                                    <span>小米网络音箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05mituyinx80.jpg" alt="">
                                                    <span>小米蓝牙音箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05-80.jpg" alt="">
                                                    <span>小米随身蓝牙音箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05mituyinx80.jpg" alt="">
                                                    <span>小钢炮音箱 2</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05-80.jpg" alt="">
                                                    <span>小米方盒子音箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05naozhong80.jpg" alt="">
                                                    <span>小米音乐闹钟</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05huosai1.jpg" alt="">
                                                    <span>小米米兔音箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/05huosai1.jpg" alt="">
                                                    <span>音乐蓝牙车充</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>保护套 贴膜</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06baohu.jpg" alt="">
                                                    <span>贴膜</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/06tiemo.jpg" alt="">
                                                    <span>保护套/保护壳</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>线材 支架 存储卡</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07cunchu.jpg" alt="">
                                                    <span>线材</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07zipaigan.jpg" alt="">
                                                    <span>自拍杆</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07zhijia.jpg" alt="">
                                                    <span>手机支架</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/07cunchu.jpg" alt="">
                                                    <span>存储卡</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>箱包 服饰</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/08lvxingxiang.jpg" alt="">
                                                    <span>箱包</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/08huise2-80.jpg" alt="">
                                                    <span>90分旅行箱</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/08tyj80.jpg" alt="">
                                                    <span>服饰</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="javascript:;" class="title"><span>米兔 生活周边</span><span>&gt;</span></a>
                                <div class="category-list-children clearfix">
                                    <ul>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/09jcd80.jpg" alt="">
                                                    <span>米兔玩偶</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/09mitu-80.jpg" alt="">
                                                    <span>鼠标垫</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/09mj80.jpg" alt="">
                                                    <span>生活周边</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/09zazhi1021-80.jpg" alt="">
                                                    <span>《小米》会刊</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="clearfix">
                                                <div>
                                                    <img src="img/09mj80.jpg" alt="">
                                                    <span>8H乳胶枕</span>
                                                </div>
                                                <div></div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>


                        </ul>

                    </div>


                </div>
            </div>

        </div>


        <!--导航栏 底部-->
        <div class="home-hero">
            <div class="home-hero-sub">
                <ul class="span4 clearfix">
                    <li><a href="javascript:;">
                      <i class="fa fa-mobile" aria-hidden="true"></i>
                        <p>选购手机</p>
                    </a></li>
                    <li><a href="javascript:;">
                    <i class="fa fa-gift" aria-hidden="true"></i>
                        <p>企业团购</p>
                    </a></li>
                    <li><a href="javascript:;">
                        <i class="fa fa-rocket" aria-hidden="true"></i>
                        <p>F码通道</p>
                    </a></li>
                    <li><a href="javascript:;">
                    <i class="fa fa-address-book-o" aria-hidden="true"></i>
                        <p>米粉卡</p>
                    </a></li>
                    <li><a href="javascript:;">
                   <i class="fa fa-recycle" aria-hidden="true"></i>
                        <p>以旧换新</p>
                    </a></li>
                    <li><a href="javascript:;">
                     <i class="fa fa-id-card" aria-hidden="true"></i>
                        <p>话费充值</p>
                    </a></li>
                </ul>
                <ul class="home-promo-list clearfix">
                    <li><a href=""><img src="img/111xmad_15032132216521_eKYCo.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/222xmad_14977951260311_AlzsH.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/333xmad_15030632166746_NEabU.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>

        <!--小米明星单品-->
        <div class="home-star-goods">
            <div class="box-hd">
                <h2>小米明星单品</h2>
                <div class="moreStar">
                    <div class="last-prev">&lt;</div>
                    <div class="last-next btn-active">&gt;</div>
                </div>
            </div>
            <div class="box-bd star clearfix">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                        <img src="img/1111xmad_1501854682644_cSqHx.png" alt="">
                        <h3>小米5s</h3></a>
                        <p class="desc">光学变光拍摄，拍人更美</p>
                        <p class="price">1499元起</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                        <img src="img/1111mad_14930230036147_vfLxm.png" alt="">
                        <h3>小米5c 64G移动版</h3></a>
                        <p class="desc">直降200元 精致轻薄机身</p>
                        <p class="price">1299元起</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                        <img src="img/1111e991f1e2-20d8-40c3-bf1d-012b122c986b.png" alt="">
                        <h3>小米5s Plus</h3></a>
                        <p class="desc">双向快充，高密度锂聚合物电芯</p>
                        <p class="price">2299元</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                        <img src="img/1111xmad_14938805670516_eryYQ.png" alt="">
                        <h3>小米电视4A</h3></a>
                        <p class="desc">OLED 显示屏幕，升级计步算法</p>
                        <p class="price">3099元</p>
                    </li>
                    <li>
                        <a href="javascript:;">
                        <img src="img/1111725a37e3-78b7-4298-8098-c40097bf179d.png" alt="">
                        <h3>小米笔记本</h3></a>
                        <p class="desc">直出纯净水，隐藏式安装</p>
                        <p class="price">3599元</p>
                    </li>

                        <li>
                            <a href="javascript:;">
                        <img src="img/2222xmad_15023585612783_DIKjh.png" alt="">
                        <h3>貝医生巴氏牙刷 (四色装)</h3></a>
                            <p class="desc">德日进口刷毛 专利科学布局</p>
                            <p class="price">39.9元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                        <img src="img/22226ef55907-bbed-49be-a2bb-be0821b5f7b8.png" alt="">
                        <h3>小米手环2</h3></a>
                            <p class="desc">oled 液晶屏幕 升级计步算法</p>
                            <p class="price">149元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                        <img src="img/2222T1ZYC_BjWv1RXrhCrK.jpg" alt="">
                        <h3>米家压力IH电饭煲</h3></a>
                            <p class="desc">智能烹饪 压力IH加热技术</p>
                            <p class="price">999元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                        <img src="img/2222mad_14972549116226_tZpod.png" alt="">
                        <h3>米家空气净化机</h3></a>
                            <p class="desc">铝合金音腔，第三代平衡阻尼系统</p>
                            <p class="price">1499元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                        <img src="img/2222de35852a-1be5-4ef5-846f-dcdd2efcfea6.png" alt="">
                        <h3>小米路由器3</h3></a>
                            <p class="desc">更快更强，不止四天线</p>
                            <p class="price">149元</p>
                        </li>
                </ul>
            </div>
        </div>




 <!--主要商品展示部分-->


    <div class="page-main">
        <!--家电-->
        <div class="home-brick-box">
            <div class="box-hd">
                <h2>家电</h2>
                <div class="brick-more">
                    <li><a href="javascript:;">热门</a></li>
                    <li><a href="javascript:;">电视影音</a></li>
                   <li> <a href="javascript:;"电脑</a></li>
                  <li>  <a href="javascript:;">家居</a></li>
                </div>
            </div>
            <div class="box-md clear">
                <div class="span-first">
                    <ul><li><a href="javascript:;"><img src="img/3333d78fc81d-8713-43fe-8387-17f31b4b0745.jpg" alt=""></a></li></ul>
                </div>
                <div class="span-second">
                    <ul class="clear">
                        <li>
                            <div>享九折</div>
                            <a href="javascript:;">
                                <img src="img/3333pms_1490604824.19051012!220x220.jpg" alt="">
                                <h3>米家行车记录仪</h3></a>
                            <p class="desc">晚上能拍清车牌的行车记录仪</p>
                            <p class="price">349元</p>
                        </li>
                        <li>
                             <div>享九折</div>
                            <a href="javascript:;">
                                <img src="img/3333pms_1490077454.46128587!220x220.png" alt="">
                                <h3>小米空气净化器2</h3></a>
                            <p class="desc">高效除霾，10分钟换新房间空气</p>
                            <p class="price">699元起</p>
                        </li>
                        <li>
                             <div class="xinping">新品</div>
                            <a href="javascript:;">
                                <img src="img/3333pms_1491312153.28261682!220x220.jpg" alt="">
                                <h3>米兔智能故事机</h3></a>
                            <p class="desc">微信远程互动，智能语音交互</p>
                            <p class="price">199元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/3333pms_1503043063.07693479!220x220.jpg" alt="">
                                <h3>小米VR眼镜</h3></a>
                            <p class="desc">硬件级加速抗眩晕，配备9轴体感手柄</p>
                            <p class="price">299元</p>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/3333pms_1490077454.46128587!220x220.png" alt="">
                                <h3>米家小白智能摄像机</h3></a>
                            <p class="desc">360°全景拍摄，1080P高清摄像</p>
                            <p class="price">399元</p>
                        </li>
                        <li>
                             <div class="xinping">新品</div>
                            <a href="javascript:;">
                                <img src="img/3333pms_1503043063.07693479!220x220.jpg" alt="">
                                <h3>九号平衡车</h3></a>
                            <p class="desc">年轻人的酷玩具，骑行遥控两种玩法</p>
                            <p class="price">1999元</p>
                        </li>
                        <li>
                          
                            <a href="javascript:;">
                                <img src="img/3333pms_1490077454.46128587!220x220.png" alt="">
                                <h3>米家骑记电助力折叠自行车</h3></a>
                            <p class="desc">力矩传感电助力，让城市出行轻松有趣</p>
                            <p class="price">2999元</p>
                        </li>
                        <li>
                          
                            <a href="javascript:;">
                                <img src="img/3333pms_1468806372.46368911!220x220.jpg" alt="">
                                <h3>小米米家电动滑板车</h3></a>
                            <p class="desc">极简几何式设计，1分钟轻松上手</p>
                            <p class="price">1999元</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>





        
        </div>



        <script src="./jq/jquery.js">
        </script>
</body>

</html>
<script>
    $('.gouwuche').hover(function () {
        $(this).find('.cart-menu').animate({
            height: 100
        }, 200);
    }, function () {
        $(this).find('.cart-menu').animate({
            height: 0
        }, 200);
    });


    // 输入窗动画

    $('.search-input').hover(function () {


        $('.search-input').css('background-color', '#ff6700');
        $('.fa.fa-search.fa-lg').css('color', '#fff');

    }, function () {
        $('.search-input').css('background-color', '#fff');
        $('.fa.fa-search.fa-lg').css('color', '#616161');

    });
    $('#search').focusin(function () {
        $('#search').css('border-color', '#ff6700');
        $('.search-input').css('border-color', '#ff6700');
        $('.con').hide();
        $('.search-text').show();
    });
    $('#search').focusout(function () {
        $('#search').css('border-color', '#e0e0e0');
        $('.search-input').css('border-color', '#e0e0e0');
        $('.con').show();
        $('.search-text').hide();
    });
    $('.search-input').click(function () {
        $('.search-text').hide();
    });
    $('.search-texts').click(function () {
        $('.search-text').hide();
    });


    //下滑
    $('.mi-center1').hover(function () {
        $('.white-box').stop().slideDown(200);
    }, function () {
        $('.white-box').stop().slideUp(200);
    });
    $('.white-box').hover(function () {
        $('.white-box').stop().slideDown(200);
    }, function () {
        $('.white-box').stop().slideUp(200);
    });

    $('.mi-center1 .mi-text').each(function (index) {
        $(this).mouseenter(function () {
            $('.thing-box').eq(index).show().siblings().hide();
        });
    });


    // 轮播图
    window.onload = function () {
        var timer = null;
        var index = 0;
        timer = setInterval(showImg, 2000);

        function showImg() {
            index++;
            if (index == 6) {
                index = 0;

            }
            show(index);
        }


        function show(index) {

            $('.img-list li').each(function () {
                $(this).removeClass('current');
            });
            $('.indicator li').each(function () {
                $(this).removeClass('active');
            });
            $('.img-list li').eq(index).addClass('current');
            $('.indicator li').eq(index).addClass('active');
            // console.log(index);
        }
        $('.indicator li').click(function () {
            show($('.indicator li').index($(this)));

        });
        $('.indicator li').hover(function () {
            $(this).addClass('active1');

        }, function () {
            $(this).removeClass('active1');
        });
        $('.img-click .prev').click(function () {
            index--;
            if (index < 0) {
                index = 5;
            }
            show(index);

        });
        $('.img-click .next').click(function () {
            index++;
            if (index >= 6) {
                index = 0;
            }
            show(index);
        });

        $('.slideshow-img').hover(function () {
            $('.img-click .prev').show();
            $('.img-click .next').show();
            clearInterval(timer);
        }, function () {
            timer = setInterval(showImg, 5000);
            $('.img-click .prev').hide();
            $('.img-click .next').hide();
        });
    };


    $('.site-category-list>li').hover(function () {
        $('.category-list-children').hide();
        $(this).find('.category-list-children').show();
    }, function () {
        $(this).find('.category-list-children').hide();
    });


 var isLeft = true;
    function erImg(){
         if(isLeft){
             $('.clearfix ul').animate({
                 marginLeft: -1226,
             },6000);
             $('.last-next').css('color', '#b4b0b0').siblings().css('color', '#e0e0e0');
         }else{
              $('.clearfix ul').animate({
                 marginLeft: 0,
                },6000);
                $('.last-prev').css('color', '#b4b0b0').siblings().css('color', '#e0e0e0');
          }
          isLeft = !isLeft;
    }
    var time = setInterval(erImg,6000); 
    $('.last-prev').hover(function(){
        clearInterval(time);
        time = null;
        $(this).css('color','#ff6709');
    },function(){
         if(time) return;
         time = setInterval(erImg,6000);
         $(this).css('color','');
    });
    $('.last-next').hover(function(){
        clearInterval(time);
        time = null;
        $(this).css('color','#ff6709');
    },function(){
         if(time) return;
         time = setInterval(erImg,3000);
         $(this).css('color','');
    });
    $('.last-prev').click(function(){
        $('.clearfix ul').animate({
                 marginLeft: 0,
                });
    });
    $('.last-next').click(function(){
        $('.clearfix ul').animate({
                 marginLeft: -1226,
                });
    });
</script>